<template>
    <div class="bg"><img src="../images/bg.jpg"></div>

    <div style="width: 1280px;height: 70px;color: white;font-size: 35px;text-align: center;line-height: 70px;">横向单瀑布流Page</div>

    <group style="width: 1280px;height: 70px;" first-focus>
        <button style="left: 72px;top: 20px;font-size: 18px;" focus-color="#ee682a" size="100,30" value="历史记录"></button>
        <button style="left: 972px;top: 20px;font-size: 18px;" focus-color="#ee682a" size="100,30" value="搜索"></button>
        <button style="left: 1092px;top: 20px;font-size: 18px;" focus-color="#ee682a" size="100,30" value="订购"></button>
    </group>
    <div style="width: 1280px;height: 1px;top: 70px;background: gray;"></div>
    <group style="width: 1280px;height: 650px;top: 70px;overflow: hidden;" view-locate="center">
        <group style="width: 1280px;height: 560px;">
            <button style="left: 40px;top: 20px;font-size: 18px;" size="640,360" value="640,360推荐位" id="first_button"></button>
            <button style="left: 690px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 690px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>

            <button style="left: 40px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 342px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 645px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 948px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
        </group>

        <img style="top: 275px;left: 1250px;z-index: 1;" width="20" src="../images/arrow_right.png" alt="">
        <img style="top: 275px;left: 1290px;z-index: 1;" width="20" src="../images/arrow_left.png" alt="">

        <group style="width: 1280px;height: 650px;left:1280px;">
            <button style="left: 40px;top: 20px;font-size: 18px;" size="640,360" value="640,360推荐位"></button>
            <button style="left: 690px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 690px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>

            <button style="left: 40px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 342px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 645px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 948px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
        </group>

        <img style="top: 275px;left: 2530px;z-index: 1;" width="20" src="../images/arrow_right.png" alt="">
        <img style="top: 275px;left: 2570px;z-index: 1;" width="20" src="../images/arrow_left.png" alt="">

        <group style="width: 1280px;height: 560px;left:2560px;">
            <button style="left: 40px;top: 20px;font-size: 18px;" size="640,360" value="640,360推荐位"></button>
            <button style="left: 690px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 20px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 690px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>
            <button style="left: 970px;top: 205px;font-size: 18px;" size="270,175" value="270,175推荐位"></button>

            <button style="left: 40px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 342px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 645px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
            <button style="left: 948px;top: 390px;font-size: 18px;" size="292,165" value="292,165推荐位"></button>
        </group>
    </group>
</template>
